<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>盒子模型</title>
		<style type="text/css">
			 .box{
				 width:300px;
				 height:450px;
				 border：1px solid red;
				 padding:50px 40px 30px 20px;/* 分别对应: */
				 /* padding:50px 30px 10px; 分别对应 */
				 /* padding:50px;四个方位都是50px */
			 }
		</style>
	</head>
	<body>
		<!--
		盒子模<型：
		内容content,
		内边距padding,
		边框border
		外边距margin-->
		<!--内边距padding会把盒子撑大-->
		<!--方位词：top上，bottom下，right右，center居中，left左，-->
		<div class="hz">hello box</div>
	</body>
</html>
